<template>
    <div class="box">
        <el-popover
            placement="top-start"
            width="300"
            trigger="hover"
            content="小时候,幸福是件很简单的事,长大后，简单是件很幸福的事~~~">
    <el-button slot="reference">hover 激活</el-button>
  </el-popover>
    </div>
</template>
<script>
export default {
  data() {
    return {
      username: "make"
    };
  }
};
</script>
<style>
.box {
   width: 500px;
  height: 200px;
  /* text-align: center;
  line-height: 50px;
  font-size: 35px;
  border-radius: 10px;*/ 
  /* border: 1px solid #f57;  */
  margin: 30px auto;
}
body{
    background:#eee;
}
</style>


